//获取元素
let uu = document.querySelector('#list')
function render(data, el) {
    console.log(data, el)
    data.forEach(item => {
        let ul = document.createElement('ul');
        console.log(item)
        //一步到位取出img地址
        let regExp = /(?<=imgurl=)[^'"]*/
        let result = item.productImg2.match(regExp)
        let domStr = `<li productid=${item.productId} >
                        <img width="100" src=${result[0]} alt="">
                        <div class="name">
                            <h3>${item.productName}</h3>
                        </div>
                        <div class="from">
                            <b>${item.productFrom} |</b>
                            <p>${item.productTime}</p>
                            <span>${item.productComCount}</span>
                        </div>
                    </li>`

        //把上面的字符串结构放到li里面
        ul.innerHTML = domStr;
        // console.log(li)
        //把li添加到页面的容器中
        el.appendChild(ul);

        let uli = document.querySelectorAll("li")
        console.log(uli);
        for(var i=0;i<uli.length;i++){
            uli[i].onclick=function(){
            let id=this.getAttribute('productid')
            console.log(id)
            location.href='./savemoneydetails.html?productid='+id
            }
        }
    })
}



//2.首次发起页面请求
function getData(pageid = 0) {
    fetch(`http://chst.vip:1234/api/getmoneyctrl?pageid=${pageid}`)
        .then(body => body.json())
        .then(res => {
            console.log(res)
            render(res.result, uu)
        })
}


getData() //首次调用

//声明初始的pageid

let pageid = 1;

lazyLoad(function () {
    // 在这里发送请求
    pageid++
    if (pageid > 14) {
        alert('别划了,没有了傻子')
        return
    }
    //pageid最多到14;超过了 服务器就没有数据响应了
    getData(pageid)
    // console.log('999999')
}, 100)

//点击返回顶部
var btn = document.querySelector(".a3")
console.log(btn);

    btn.onclick = function(){
        document.documentElement.scrollTop = 0;
    }
// //通过事件捕获 获取id
// uu.addEventListener('click', show, true);
// function show(e) {
// }



